<ion-header>

  <ion-navbar>
    <ion-title>
      登录
      <ion-icon name="settings" class="settings" (tap)="settings(($event))" ></ion-icon>
    </ion-title>
  </ion-navbar>

</ion-header>


<ion-content padding>
  <form>
    <ion-list padding text-center>
      <div text-center>
        <img src="../assets/imgs/profile.png"/>
        <h1>智汇仓储</h1>
        <!--<p>因为专业，所以值得信赖</p>-->
      </div> 
      <ion-item> 
        <ion-label color="primary">
        <ion-icon name="contact"></ion-icon>
        </ion-label>
        <ion-input placeholder="账号"  type="text" [(ngModel)]="username" name="username"></ion-input>
      </ion-item>

      <ion-item>
        <ion-label color="primary">
        <ion-icon name="lock"></ion-icon>
        </ion-label>
        <ion-input placeholder="密码"  type="{{type}}" [(ngModel)]="password" name="password"></ion-input>
        <button *ngIf="!showPass" ion-button clear icon-only item-right color="primary" type="button" item-right (click)="showPassword()"> <ion-icon name="ios-eye-off-outline"></ion-icon></button>
        <button *ngIf="showPass" ion-button clear icon-only item-right color="primary" type="button" item-right (click)="showPassword()"> <ion-icon name="ios-eye-outline"></ion-icon></button>

      </ion-item>

      <!-- <div class="validation-errors">
        <ng-container >
          <div style="color: '#fff'" class="error-message" > 
        6
          </div>
        </ng-container>
      </div> -->

    </ion-list>

  </form>

  <button class="login-btn" ion-button (click)="login(username, password)" round block>
    登录
  </button>
  <!-- <ion-label padding (click)="goToResetPassword()" text-left>忘记密码?</ion-label>

  <button ion-button (click)="gotoregister()" clear block>没有账号？注册</button> -->

</ion-content>